<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>3.1-冷链物流设备装箱</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">
    <link rel="stylesheet" href="styles/newstyle.css">
</head>

<body>
    <!--头部-->
    <div class="g_header">
        <div class="g_hea_g1">
            <div class="g_hea_g2">
                <!-- <span class="g_hea_img1" id="trigger-overlay"></span> -->
                <img src="images/yly-logo.png" alt="">
                <span class="g_hea_img1" id="trigger-overlay">
                    <img src="images/logo-menu.png" alt="">
                </span>
                <div class="g_hea_login">管理员管理员,欢迎您登陆
                    <span></span>
                    <div class="userboxinfo userboxinfob">
                        <ul class="ul_userlist">
                            <li>
                                <a href="/updatePwd">修改密码</a>
                            </li>
                            <li>
                                <a href="/logout">退出</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="g_hear">
                    <a href="#">
                        <img src="images/icon_home.png">首页</a>
                    <a href="#">
                        <img src="images/sf1_07.png">传链社区</a>
                    <a href="#">
                        <img src="images/sf1_09.png">服务中心</a>
                    <a href="message.html">
                        <i>22</i>消息</a>
                </div>
            </div>
        </div>
        <div class="overlay overlay-genie " data-steps="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z;m 698.9986,728.03569 41.23353,0 -3.41953,77.8735 -34.98557,0 z;m 687.08153,513.78234 53.1506,0 C 738.0505,683.9161 737.86917,503.34193 737.27015,806 l -35.90067,0 c -7.82727,-276.34892 -2.06916,-72.79261 -14.28795,-292.21766 z;m 403.87105,257.94772 566.31246,2.93091 C 923.38284,513.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 455.17312,480.07689 403.87105,257.94772 z;M 51.871052,165.94772 1362.1835,168.87863 C 1171.3828,653.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 31.173122,513.78234 51.871052,165.94772 z;m 52,26 1364,4 c -12.8007,666.9037 -273.2644,483.78234 -322.7299,776 l -633.90062,0 C 359.32034,432.49318 -6.6979288,733.83462 52,26 z;m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z"
            id="g_hea_con">
            <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1440 806" preserveAspectRatio="none" class="svg1">
                <path class="overlay-path" d="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z" />
            </svg>
            <ul class="g_hea_ul">
                <li class="li1">System Management</li>
                <li class="li2">基础资料</li>
                <li class="li3">耗材管理</li>
                <li class="li4">科室管理</li>
                <li class="li5">财务管理</li>
                <li class="li6">统计查询</li>
            </ul>
            <div class="g_hea_ulbox">
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li>系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="sfy_nav.html" class="g_hea_a1">用户参数设置1</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1 active">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置2</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置3</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置4</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置5</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置6</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
            </div>
            <img src="images/cross.png" class="g_hea_close">
        </div>
    </div>
    <!-- 按钮 当前位置-->
    <div class="g_header_nav">
        <div class="g_header_t">
            <div class="operate-btns">
                <a href="javascript:;" class="fbtn fb-save">保存</a>
                <a href="javascript:;" class="fbtn fb-export">装箱</a>
                <a href="javascript:;" class="fbtn fb-export designated-carrier">选择待确认设备</a>
            </div>
        </div>
        <div class="con_breadcrumb">
            <ol class="breadcrumb">
                <li>
                    <a href="#">逆向物流</a>
                </li>
                <li>
                    <a href="#">冷链物流设备装箱</a>
                </li>
            </ol>
            <h3 class="current_module">冷链物流设备装箱</h3>
        </div>
    </div>
    <!--end  按钮 当前位置-->
    <!--end头部-->
    <!-- content -->
    <div class="content">
        <div class="rowing_top equipment_top mb-20">
            <dl class="dl3 w-100">
                <dt class="">
                    <div class="w-33 fl plr8">
                        <div class="text-input date-input displayflex bg-ash">
                            <span>设备类型</span>
                            <div class="flex1">
                                <select>
                                    <option value="0">冷藏箱</option>
                                    <option value="1">冷藏柜</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="w-33 fl plr8">
                        <div class="text-input date-input displayflex bg-ash">
                            <span>设备编号</span>
                            <div class="flex1">
                                <select>
                                    <option value="0">LCX009001</option>
                                    <option value="1">LCX009002</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="action-btn flex1 w100 fr">
                        <a class="w100">添加设备</a>
                    </div>
                </dt>
                <dd>
                    <span class="fl line34 mr-20">已装载订单信息</span>
                    <div class="rowing_input">
                        <span class="rowing_input_addon" id="basic-addon1">订单数</span>
                        <input type="text" class="rowing_control text_right" value="11" name="zs">
                        <i>个</i>
                    </div>
                    <div class="rowing_input">
                        <span class="rowing_input_addon" id="basic-addon1">件数</span>
                        <input type="text" class="rowing_control text_right" value="850" name="zs">
                        <i>件</i>
                    </div>
                    <div class="rowing_input">
                        <span class="rowing_input_addon" id="basic-addon1">重量</span>
                        <input type="text" class="rowing_control text_right" value="50" name="zs">
                        <i>kg</i>
                    </div>
                    <div class="rowing_input">
                        <span class="rowing_input_addon" id="basic-addon1">体积</span>
                        <input type="text" class="rowing_control text_right" value="50" name="zs">
                        <i>m³</i>
                    </div>
                    <div class="rowing_input">
                        <span class="rowing_input_addon" id="basic-addon1">客户数</span>
                        <input type="text" class="rowing_control text_right" value="50" name="zs">
                        <i>个</i>
                    </div>
                    <div class="action-btn flex1 w100 fr">
                        <a class="del w100">清空</a>
                    </div>
                </dd>
            </dl>
            <dl class="dl3 w-100">
                <dt class="">
                    <div class="w-33 fl plr8">
                        <div class="text-input date-input displayflex bg-ash">
                            <span>设备类型</span>
                            <div class="flex1">
                                <select>
                                    <option value="0">冷藏箱</option>
                                    <option value="1">冷藏柜</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="w-33 fl plr8">
                        <div class="text-input date-input displayflex bg-ash">
                            <span>设备编号</span>
                            <div class="flex1">
                                <select>
                                    <option value="0">LCX009001</option>
                                    <option value="1">LCX009002</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </dt>
            </dl>
            <a href="javascript:;" class="toggleBtn"></a>
        </div>
        <!-- 查询区域 start -->
        <div class="top-search">
            <div class="row aline">
                <div class="w-30 plr8 fl">
                    <div class="text-input date-input displayflex">
                        <span class="">订单日期</span>
                        <div class="flex1">
                            <input type="text" placeholder="" name="date" action="date">
                        </div>
                        <i></i>
                        <div class="flex1">
                            <input type="text" placeholder="" name="date" action="date">
                        </div>
                    </div>
                </div>
                <div class="w-30 plr8 fl">
                    <div class="text-input date-input displayflex">
                        <span class="">货主</span>
                        <div class="flex1">
                            <input type="text" class="form-control" placeholder="">
                        </div>
                    </div>
                </div>
                <div class="w-30 plr8 fl">
                    <div class="text-input date-input displayflex">
                        <span class="">业务订单号</span>
                        <div class="flex1">
                            <input type="text" class="form-control" placeholder="">
                        </div>
                    </div>
                </div>
                <div class="plr8 fr tar">
                    <a href="" class="top-search-btn iconfont icon-search">查询</a>
                </div>
            </div>
        </div>
        <!-- 查询区域 end -->
        <div class="carTabTit tab-menu">
            <a href="javascript:;" class="active">待装箱</a>
            <a href="javascript:;">已装箱</a>
        </div>
        <div class="arrange-con tab-container">
            <div class="arrange-list">
                <h2 class="h2_1">
                    您当前共有<span id="id_num">11</span>张订单待装箱
                </h2>
                <table class="table">
                    <thead>
                        <tr>
                            <th class="not-wrap">
                                <label class="icon-checkbox">
                                    <input type="checkbox">
                                    <span><i>序号</i></span>
                                </label>
                            </th>
                            <th class="not-wrap">货主</th>
                            <th class="not-wrap">业务订单号</th>
                            <th>订单日期</th>
                            <th class="not-wrap">订单件数</th>
                            <th class="not-wrap">订单数量</th>
                            <th class="not-wrap">待装件数</th>
                            <th class="not-wrap">待装数量</th>
                            <th class="not-wrap">设备回收地</th>
                            <th class="not-wrap">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <label class="icon-checkbox">
                                    <input type="checkbox">
                                    <span><i>01</i></span>
                                </label>
                            </td>
                            <td>宏图制药</td>
                            <td>200000198</td>
                            <td>2017-11-28</td>
                            <td>200</td>
                            <td>200</td>
                            <td>500</td>
                            <td>500</td>
                            <td>上海市虹口区保定路230号</td>
                            <td>
                                <div class="action-btn flexitem">
                                    <a>整单装箱</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label class="icon-checkbox">
                                    <input type="checkbox">
                                    <span><i>02</i></span>
                                </label>
                            </td>
                            <td>宏图制药</td>
                            <td>200000194</td>
                            <td>2017-11-28</td>
                            <td>172</td>
                            <td>172</td>
                            <td>172</td>
                            <td>172</td>
                            <td>武汉市汉阳区龙阳大道</td>
                            <td>
                                <div class="action-btn flexitem">
                                    <a>整单装箱</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label class="icon-checkbox">
                                    <input type="checkbox">
                                    <span><i>03</i></span>
                                </label>
                            </td>
                            <td>九芝堂</td>
                            <td>200000198</td>
                            <td>2017-11-29</td>
                            <td>19</td>
                            <td>19</td>
                            <td>190</td>
                            <td>190</td>
                            <td>湖北省黄冈市黄州区赤壁大道</td>
                            <td>
                                <div class="action-btn flexitem">
                                    <a>整单装箱</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label class="icon-checkbox">
                                    <input type="checkbox">
                                    <span><i>04</i></span>
                                </label>
                            </td>
                            <td>同仁堂</td>
                            <td>200000198</td>
                            <td>2017-11-29</td>
                            <td>190</td>
                            <td>190</td>
                            <td>100</td>
                            <td>100</td>
                            <td>湖北省黄冈市黄州区赤壁大道</td>
                            <td>
                                <div class="action-btn flexitem">
                                    <a>整单装箱</a>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="table-page clearfix">
                    <a href="">上一页</a>
                    <a href="">下一页</a>
                    <span>第<i>1</i>页</span>
                    <span>共<em>2</em>页</span>
                </div>
                <!-- 订单明细 只有选中上面表格行数据这个才显示 -->
                <div class="business-info col-md-12">
                    <div class="fheader">
                        <h4 class="fh-tit fh-notes">订单明细</h4>
                        <div class="stretch ml-20">
                            <div class="stretch-push"></div>
                        </div>
                    </div>
                    <div class="fpart pull1">
                        <table class="table table-route tr-no-hover">
                            <thead>
                                <tr>
                                    <th class="not-wrap">序号</th>
                                    <th>商品名称</th>
                                    <th>生产厂家</th>
                                    <th>批号</th>
                                    <th>订单数量</th>
                                    <th>包装数</th>
                                    <th>待装数量</th>
                                    <th>装箱数量</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>01</td>
                                    <td>尿微量蛋白</td>
                                    <td>通药制药集团股份有限公司</td>
                                    <td>2017102701</td>
                                    <td>100</td>
                                    <td>1</td>
                                    <td>100</td>
                                    <td>
                                        <div class="text-input date-input displayflex bg-ash w50">
                                            <div class="flex1">
                                                <input type="text" placeholder="" class="tac">
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="action-btn flexitem">
                                            <a>装箱</a>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>02</td>
                                    <td>凝血剂</td>
                                    <td>通药制药集团股份有限公司</td>
                                    <td>2017102702</td>
                                    <td>60</td>
                                    <td>2</td>
                                    <td>120</td>
                                    <td>
                                        <div class="text-input date-input displayflex bg-ash w50">
                                            <div class="flex1">
                                                <input type="text" placeholder="" class="tac">
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="action-btn flexitem">
                                            <a>装箱</a>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>03</td>
                                    <td>清洗液</td>
                                    <td>通药制药集团股份有限公司</td>
                                    <td>2017102702</td>
                                    <td>30</td>
                                    <td>2</td>
                                    <td>90</td>
                                    <td>
                                        <div class="text-input date-input displayflex bg-ash w50">
                                            <div class="flex1">
                                                <input type="text" placeholder="" class="tac">
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="action-btn flexitem">
                                            <a>装箱</a>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="table-page clearfix">
                            <a href="">上一页</a>
                            <a href="">下一页</a>
                            <span>第<i>1</i>页</span>
                            <span>共<em>2</em>页</span>
                        </div>
                    </div>
                </div>
                <!-- 订单明细 end -->
            </div>
            <div class="arrange-list">
                <h2 class="h2_1">
                    您当前共有<span id="id_num">10</span>张订单已装箱
                </h2>
                <table class="table">
                    <thead>
                        <tr>
                            <th class="not-wrap">
                                <label class="icon-checkbox">
                                    <input type="checkbox">
                                    <span><i>序号</i></span>
                                </label>
                            </th>
                            <th class="not-wrap">货主</th>
                            <th class="not-wrap">业务订单号</th>
                            <th>订单日期</th>
                            <th class="not-wrap">收货单位</th>
                            <th class="not-wrap">订单数量</th>
                            <th class="not-wrap">装箱数量</th>
                            <th class="not-wrap">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <label class="icon-checkbox">
                                    <input type="checkbox">
                                    <span><i>01</i></span>
                                </label>
                            </td>
                            <td>宏图制药</td>
                            <td>200000198</td>
                            <td>2017-11-28</td>
                            <td>武汉市汉阳区长青大药房</td>
                            <td>200</td>
                            <td>200</td>
                            <td>
                                <div class="action-btn flexitem">
                                    <a>取消装箱</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label class="icon-checkbox">
                                    <input type="checkbox">
                                    <span><i>02</i></span>
                                </label>
                            </td>
                            <td>宏图制药</td>
                            <td>200000194</td>
                            <td>2017-11-28</td>
                            <td>武汉市汉阳区大健康药房</td>
                            <td>172</td>
                            <td>172</td>
                            <td>
                                <div class="action-btn flexitem">
                                    <a>取消装箱</a>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="table-page clearfix">
                    <a href="">上一页</a>
                    <a href="">下一页</a>
                    <span>第<i>1</i>页</span>
                    <span>共<em>2</em>页</span>
                </div>
                <!-- 订单明细 只有选中上面表格行数据这个才显示 -->
                <div class="business-info col-md-12">
                    <div class="fheader">
                        <h4 class="fh-tit fh-notes">订单明细</h4>
                        <div class="stretch ml-20">
                            <div class="stretch-push"></div>
                        </div>
                    </div>
                    <div class="fpart pull1">
                        <table class="table table-route tr-no-hover">
                            <thead>
                                <tr>
                                    <th class="not-wrap">序号</th>
                                    <th>商品名称</th>
                                    <th>生产厂家</th>
                                    <th>批号</th>
                                    <th>订单数量</th>
                                    <th>包装数</th>
                                    <th>已装箱数量</th>
                                    <th>实际装箱数量</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>01</td>
                                    <td>尿微量蛋白</td>
                                    <td>通药制药集团股份有限公司</td>
                                    <td>2017102701</td>
                                    <td>60</td>
                                    <td>1</td>
                                    <td>60</td>
                                    <td>
                                        <div class="text-input date-input displayflex bg-ash w50">
                                            <div class="flex1">
                                                <input type="text" placeholder="60" class="tac">
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="action-btn flexitem">
                                            <a>装箱</a>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>02</td>
                                    <td>凝血剂</td>
                                    <td>通药制药集团股份有限公司</td>
                                    <td>2017102702</td>
                                    <td>30</td>
                                    <td>2</td>
                                    <td>30</td>
                                    <td>
                                        <div class="text-input date-input displayflex bg-ash w50">
                                            <div class="flex1">
                                                <input type="text" placeholder="30" class="tac">
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="action-btn flexitem">
                                            <a>装箱</a>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="table-page clearfix">
                            <a href="">上一页</a>
                            <a href="">下一页</a>
                            <span>第<i>1</i>页</span>
                            <span>共<em>2</em>页</span>
                        </div>
                    </div>
                </div>
                <!-- 订单明细 end -->
            </div>
        </div>
    </div>
    <!-- content end -->
    <footer class="footer">
        <p>
            Copyright © 2015-2017
            <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
        </p>
    </footer>

    <div class="sender-box" style="display: none;">
        <div class="row aline">
            <div class="w-50 plr8 fl">
                <div class="text-input date-input displayflex bg-ash">
                    <div class="flex1">
                        <input type="text" placeholder="请输入设备号">
                    </div>
                </div>
            </div>
        </div>
        <div class="equipment-selection-table">
            <table class="table">
                <thead>
                    <tr>
                        <th>序号</th>
                        <th>装箱单号</th>
                        <th>设备类型</th>
                        <th>设备编号</th>
                        <th>是否自有</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>01</td>
                        <td>ZXD201801160001</td>
                        <td>冷藏箱</td>
                        <td>LCX009001</td>
                        <td>是</td>
                        <td>
                            <div class="action-btn flexitem">
                                <a>选择</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>02</td>
                        <td>ZXD201801160001</td>
                        <td>冷藏箱</td>
                        <td>LCX009001</td>
                        <td>是</td>
                        <td>
                            <div class="action-btn flexitem">
                                <a>选择</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>03</td>
                        <td>ZXD201801160001</td>
                        <td>冷藏箱</td>
                        <td>LCX009001</td>
                        <td>是</td>
                        <td>
                            <div class="action-btn flexitem">
                                <a>选择</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>04</td>
                        <td>ZXD201801160001</td>
                        <td>冷藏箱</td>
                        <td>LCX009001</td>
                        <td>是</td>
                        <td>
                            <div class="action-btn flexitem">
                                <a>选择</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>05</td>
                        <td>ZXD201801160001</td>
                        <td>冷藏箱</td>
                        <td>LCX009001</td>
                        <td>是</td>
                        <td>
                            <div class="action-btn flexitem">
                                <a>选择</a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>06</td>
                        <td>ZXD201801160001</td>
                        <td>冷藏箱</td>
                        <td>LCX009001</td>
                        <td>是</td>
                        <td>
                            <div class="action-btn flexitem">
                                <a>选择</a>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="table-page clearfix">
            <a href="">上一页</a>
            <a href="">下一页</a>
            <span>第<i>1</i>页</span>
            <span>共<em>2</em>页</span>
        </div>
        <div class="layui-layer-btn mt-20">
            <a class="layui-layer-btn0">确定</a>
            <a class="layui-layer-btn1">取消</a>
        </div>
    </div>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <script type="text/javascript" src="lib/echarts-all.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/validate-demo.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/cy.js"></script>
    <script>
        $(function(){
            // 选择待确认设备
            $('.designated-carrier').on('click', function() {
                app.layeropen({
                    type: 1,
                    area: ['900px','540px'],
                    title: '选择待确认设备',
                    closeBtn: 1,
                    // btn: ['确定','取消'],
                    skin: 'pop-border',
                    content: $('.sender-box').html()
                })
            });

            // 手风琴
            var isdown = false;
            $(".toggleBtn").click(function () {
                if (isdown) {
                    isdown = false;
                    $(this).parent(".equipment_top").css({ "height": "127px" });
                    $(this).siblings("dl").slice(1).css({ "display": "none" });
                    $(this).css({ "background": "url(images/img4_15.png)" });
                } else {
                    isdown = true;
                    $(this).parent(".equipment_top").css({ "height": "auto" });
                    $(this).siblings("dl").slice(1).css({ "display": "block" });
                    $(this).css({ "background": "url(images/img4_19.png)" });
                }
            });
        })
    </script>
</body>

</html>